<template>
  <div class="error-page">
    <Result
      status="404"
      title="404"
      sub-title="抱歉，您访问的页面不存在"
    >
      <template #extra>
        <Button type="primary" @click="router.push('/')">
          返回首页
        </Button>
      </template>
    </Result>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import { Result, Button } from 'ant-design-vue'

const router = useRouter()
</script>

<style scoped lang="less">
.error-page {
  @apply h-full flex items-center justify-center;
}
</style> 